<script setup lang="ts">
const props = defineProps<{ data: IOrderDetailInfo }>();
</script>

<template>
  <view class="mb-12px">
    <van-cell-group inset>
      <van-cell use-label-slot title="评价信息">
        <view slot="label" class="bg-gray-1 c-br c-pd">
          <view class="mb-3 flex items-center">
            <view class="flex-1">服务员评分：</view>
            <view class="flex-1">
              <van-rate readonly :value="props.data.waiterScore" size="20" color="#ffd21e" void-icon="star" void-color="#eee" />
            </view>
          </view>
          <view class="mb-3 flex items-center">
            <view class="flex-1">服务员评价详情：</view>
            <view class="flex-1">
              <text>{{ props.data.waiterEvaluate }}</text>
            </view>
          </view>
          <view class="mb-3 flex items-center">
            <view class="flex-1">商户评分：</view>
            <view class="flex-1">
              <van-rate readonly :value="props.data.businessScore" size="20" color="#ffd21e" void-icon="star" void-color="#eee" />
            </view>
          </view>
          <view class="mb-3 flex items-center">
            <view class="flex-1">商户评价详情：</view>
            <view class="flex-1">
              <text>{{ props.data.businessEvaluate }}</text>
            </view>
          </view>
        </view>
      </van-cell>
    </van-cell-group>
  </view>
</template>
